@charset "UTF-8";
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0; }

table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  vertical-align: middle; }

li {
  list-style: none outside none; }

body {
  line-height: 1;
  background: #eee;
  color: #363636;
  font-family: "微软雅黑"; }

:focus {
  outline: 1; }

article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

nav ul {
  list-style: none; }

a {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
  color: inherit; }

em {
  font-style: normal; }

table {
  border-spacing: 0;
  border-collapse: collapse; }

hr {
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #ccc; }

input,
select {
  vertical-align: middle; }

.fix {
  zoom: 1; }

.fix:after {
  content: '';
  height: 0;
  width: 0;
  clear: both;
  display: block;
  overflow: hidden; }

.fl {
  float: left; }

.fr {
  float: right; }

/*********公共按钮样式**********/
.ui-header {
  text-align: center;
  background: #d6a41f;
  color: #fff;
  position: relative;
  height: 89px;
  line-height: 89px; }

.ui-header h1 {
  font-size: 36px;
  font-weight: normal; }

.ui-header .left {
  position: absolute;
  left: 32px;
  display: inline-block;
  top: 24px; }

.ui-header .right {
  position: absolute;
  right: 32px;
  display: inline-block;
  top: 31px; }

.icon-back {
  width: 25px;
  height: 40px;
  background-image: url(../img/icon-back.png);
  background-position: center;
  display: block;
  background-repeat: no-repeat;
  background-size: contain; }

.header-tab {
  font-size: 36px; }

.icon-add {
  width: 26px;
  height: 26px;
  background-image: url(../img/icon-add.png);
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  background-size: contain; }

.head-tab-left {
  background: #e8c56b;
  padding: 5px 15px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px; }

.head-tab-right {
  background: #e8c56b;
  padding: 5px 15px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px; }

.header-tab .active {
  color: #363636;
  background: #fff; }

.header-tab span {
  cursor: pointer; }

.ui-row {
  margin-top: 24px;
  background: #fff; }

.ui-base-cont li {
  padding: 20px 30px;
  border-bottom: 2px solid #e9e9e9; }

.ui-base-cont {
  background: #fff; }

.icon-box {
  position: relative;
  display: inline-block; }

.icon-select {
  background-image: url(../img/icon-select.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain; }

.icon-cal-minus {
  background-image: url(../img/icon-cal-minus.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain; }

.icon-cal-add {
  background-image: url(../img/icon-cal-add.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain; }

.icon-select,
.icon-cal-minus,
.icon-cal-add {
  width: 42px;
  height: 42px;
  display: block; }

.icon-arrow-right {
  width: 26px;
  height: 38px;
  background-image: url(../img/icon-arrow-right.png);
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  background-size: contain; }

.btn-checkbox {
  position: relative;
  display: inline-block; }

.btn-checkbox input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  opacity: 0;
  cursor: pointer; }

.btn-checkbox label:after {
  content: '';
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  left: 4px;
  top: -5px;
  z-index: 2;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -webkit-transition: 0.4s;
  transition: 0.4s; }

.btn-checkbox label {
  width: 90px;
  height: 50px;
  background: #e0e0e0;
  position: relative;
  display: inline-block;
  border-radius: 46px;
  -webkit-transition: 0.4s;
  transition: 0.4s; }

.btn-checkbox input:checked + label:after {
  left: 40px; }

.btn-checkbox label:after {
  top: 4px;
  width: 42px;
  height: 42px; }

.btn-checkbox input:checked + label:after {
  left: 58px; }

.btn-checkbox label {
  width: 104px; }

.btn-checkbox input:checked + label {
  background: #d6a41f; }

@media screen and (max-width: 320px) {
  .ui-header {
    height: 50px;
    line-height: 50px; }
  .ui-header h1 {
    font-size: 18px; }
  .icon-back {
    width: 14px;
    height: 23px; }
  .ui-header .left {
    top: 14px;
    left: 14px; }
  .ui-header .right {
    top: 17px;
    right: 14px; }
  .header-tab {
    font-size: 16px; }
  .icon-add {
    width: 18px;
    height: 18px; }
  .ui-base-cont li {
    padding: 14px 14px;
    border-bottom: 1px solid #e9e9e9; }
  .ui-row {
    margin-top: 10px; }
  .icon-select,
  .icon-cal-minus,
  .icon-cal-add {
    width: 18px;
    height: 18px; }
  .icon-arrow-right {
    width: 16px;
    height: 18px; }
  .btn-checkbox label {
    width: 42px;
    height: 21px; }
  .btn-checkbox label:after {
    top: 1px;
    left: 1px;
    width: 18px;
    height: 18px; }
  .btn-checkbox input:checked + label:after {
    left: 23px; } }

@media screen and (max-width: 375px) {
  .ui-header {
    height: 50px;
    line-height: 50px; }
  .ui-header h1 {
    font-size: 18px; }
  .icon-back {
    width: 14px;
    height: 23px; }
  .ui-header .left {
    top: 14px;
    left: 14px; }
  .ui-header .right {
    top: 17px;
    right: 14px; }
  .header-tab {
    font-size: 16px; }
  .icon-add {
    width: 18px;
    height: 18px; }
  .ui-base-cont li {
    padding: 14px 14px;
    border-bottom: 1px solid #e9e9e9; }
  .ui-row {
    margin-top: 10px; }
  .icon-select,
  .icon-cal-minus,
  .icon-cal-add {
    width: 20px;
    height: 20px; }
  .icon-arrow-right {
    width: 16px;
    height: 18px; }
  .btn-checkbox label {
    width: 46px;
    height: 24px; }
  .btn-checkbox label:after {
    top: 2px;
    left: 2px;
    width: 19px;
    height: 19px; }
  .btn-checkbox input:checked + label:after {
    left: 25px; } }

@media screen and (max-width: 414px) {
  .ui-header {
    height: 50px;
    line-height: 50px; }
  .ui-header h1 {
    font-size: 18px; }
  .icon-back {
    width: 14px;
    height: 23px; }
  .ui-header .left {
    top: 14px;
    left: 14px; }
  .ui-header .right {
    top: 17px;
    right: 14px; }
  .header-tab {
    font-size: 16px; }
  .icon-add {
    width: 18px;
    height: 18px; }
  .ui-base-cont li {
    padding: 14px 14px;
    border-bottom: 1px solid #e9e9e9; }
  .ui-row {
    margin-top: 10px; }
  .icon-select,
  .icon-cal-minus,
  .icon-cal-add {
    width: 23px;
    height: 23px; }
  .icon-arrow-right {
    width: 17px;
    height: 22px; }
  .btn-checkbox label {
    width: 50px;
    height: 26px; }
  .btn-checkbox label:after {
    top: 2px;
    left: 2px;
    width: 22px;
    height: 22px; }
  .btn-checkbox input:checked + label:after {
    left: 25px; } }

/***************公共弹窗部分开始***************/
/**公共蒙版**/
.window-masking {
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .5;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 99;
  display: none; }

.success,
.window-container {
  width: 78%;
  background: #f8f8f8;
  position: fixed;
  top: 30%;
  left: 50%;
  margin-left: -39%;
  z-index: 100;
  border-radius: 4px;
  overflow: hidden;
  display: none; }

.success .window-content,
.window-container .window-content {
  padding: 20px 5%;
  border-bottom: 1px solid #bdbdbd; }

.success p,
.window-container .window-content p {
  font-size: 14px;
  color: #676767;
  line-height: 24px;
  text-align: center; }

.window-btn {
  margin-top: 2%;
  margin-bottom: 2%;
  display: flex;
  justify-content: space-around; }

.window-btn a {
  display: block;
  height: 40px;
  width: 47%;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
  font-weight: bold;
  color: #363636;
  display: none; }

.window-btn a.cancel-button {
  background: #FFFFFF;
  color: #666666;
  border: 1px solid #eaeaea;
  border-radius: 3px; }

.window-btn a.confirm-button {
  background: #cc3333;
  color: #FFFFFF;
  border: 1px solid #CC3333;
  border-radius: 3px; }

.window-container h2 {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #363636;
  padding-top: 22px;
  display: none; }

.window-btn .ack-button {
  display: none;
  height: 40px;
  width: 100%;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
  font-weight: bold;
  color: #d6a41f; }

.window-btn .ack-button:active {
  background: #d6a41f;
  color: #fff; }

.jy-password {
  width: 90%;
  height: 34px;
  display: block;
  margin: 20px auto 0; }

/**加载中蒙版**/
.loading {
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .5;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 99;
  display: none; }

.loading img {
  display: block;
  width: 150px;
  height: 150px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -75px;
  margin-top: -75px; }

/***********媒体查询设置弹窗宽度************/
@media only screen and (min-width: 568px) and (max-width: 1024px) {
  .success,
  .window-container {
    width: 100%;
    left: 50%;
    margin-left: -250px;
    max-width: 500px;
    top: 20%; } }

/***************公共弹窗部分结束***************/
/*底部滑出弹窗公共样式*/
.bottom-popup {
  width: 96%;
  left: 2%;
  position: fixed;
  z-index: 100;
  display: none; }

.popup-top,
.popup-btn {
  border-radius: 8px;
  background: #fff;
  margin-bottom: 10px; }

.popup-btn,
.popup-title {
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  line-height: 98px;
  margin-bottom: 0; }

.popup-title {
  line-height: 116px; }

.popup-fenx-ul {
  display: flex;
  justify-content: space-around; }

.popup-fenx-ul li {
  width: 116px;
  margin-bottom: 44px;
  text-align: center;
  font-size: 28px; }

.popup-fenx-ul li img {
  width: 116px;
  margin-bottom: 20px; }

.popup-ul li,
.list-title {
  height: 99px;
  border-bottom: 1px solid #eee;
  text-align: center;
  line-height: 99px;
  font-size: 32px;
  font-weight: bold; }

.popup-ul li:last-child {
  border-bottom: none; }

.popup-ul li.active {
  color: #ff4900; }

.list-title {
  font-weight: normal; }

/*按钮样式*/
.btn {
  border-radius: 6px;
  font-size: 28px;
  line-height: 80px;
  background: #d6a41f;
  color: #fff;
  margin: 0 30px;
  text-align: center; }

.btn-email {
  background: #fff;
  border: 1px solid #D6A41F;
  color: #D6A41F; }

.btn-email-over {
  border: 1px solid #676767;
  color: #676767; }

.btn-login {
  box-shadow: 0 3px #ac7e02;
  cursor: pointer; }

.btn-login:active {
  background: #b98c14; }

@media only screen and (max-width: 414px) {
  .bottom-popup {
    width: 96%;
    left: 2%; }
  .popup-fenx-ul li,
  .popup-fenx-ul li img {
    width: 66px;
    margin-bottom: 10px; }
  .popup-fenx-ul li {
    font-size: 16px;
    margin-bottom: 24px; }
  .popup-btn,
  .popup-title {
    font-size: 18px;
    line-height: 54px; }
  .popup-title {
    line-height: 64px; }
  .popup-ul li,
  .list-title {
    font-size: 18px;
    line-height: 54px;
    height: 54px; }
  .btn {
    font-size: 18px;
    line-height: 44px; } }

@media only screen and (max-width: 320px) {
  .bottom-popup {
    width: 94%;
    left: 3%; }
  .popup-fenx-ul li,
  .popup-fenx-ul li img {
    width: 50px;
    margin-bottom: 8px; }
  .popup-fenx-ul li {
    font-size: 12px;
    margin-bottom: 20px; }
  .popup-btn,
  .popup-title {
    font-size: 14px;
    line-height: 42px; }
  .popup-title {
    line-height: 50px; }
  .popup-ul li,
  .list-title {
    font-size: 14px;
    line-height: 42px;
    height: 42px; }
  .btn {
    font-size: 14px;
    line-height: 34px; } }
